<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    new VueRouter({
      routes: [
        { path: '/login', component: 登录页面组件 },
        { path: '/404', component: 404页面组件 },
        {
          path: '/', component: Layout架子组件, children: [
            { path: '/dashboard', component: 首页组件 },
            { path: '/departments', component: 组织架构组件 },

          // 我们做的是权限系统, 如果某个用户没有查看员工页面的权限的, 关于员工
          // 相关的页面都要隐藏控制起来, 如果我们按照之前的这种方式配置路由规则,
          // 如果对用户某些权限进行禁用启用设置的时候,不够灵活

            { path: '/employees', component: 员工组件 },
            { path: '/employees/print', component: 打印员工信息组件 },
            { path: '/employees/detail', component: 员工详情组件 },
            { path: '/employees/adjustPost', component: 员工调岗组件 },
            { path: '/employees/leave', component: 员工离职组件 },
            { path: '/employees/import', component: 员工导出组件 },



            { path: '/setting', component: 角色设置组件 },
            { path: '/permission', component: 权限管理组件 },
            { path: '/social_securitys', component: 社保组件 },
            { path: '/approvals', component: 审批组件 },
            { path: '/attendances', component: 考勤组件 },
            { path: '/salarys', component: 工资组件 },
          ]
        }
      ]
    })
  </script>
</body>
</html>